<template>
  <div class="brand">
    <van-grid :column-num="5">
      <van-grid-item
        :icon="item.icon_url"
        :text="item.name"
        v-for="item in channelArr"
        :key="item.id"
        @click="btn(item.id)"
      />
    </van-grid>
  </div>
</template>

<script>
export default {
  name: "VueGrid",

  data() {
    return {};
  },
  props: ["channelArr"],

  mounted() {},

  methods: {
    btn(id) {
      console.log(id);
      this.$router.push({ path: "/list", query: { id } });

    },
  },
};
</script>

<style lang="less" scoped>
.brand {
  border-bottom: 20px solid rgb(240, 240, 240);
}

</style>

